<template>
	<view @tap="success()" :class="{'show':showModes}" @touchmove.stop.prevent class="main">
		<view @tap.stop class="contens">
			<p class="title">
				未开启位置信息
			</p>
			<p class="titleMsg">
				为了您能正常的使用社群集市，需要获取您的
				位置信息
			</p>
			<view class="textContext">
				<image src="../../static/image/noLocation@2x.png" mode=""></image>
				<view class="txt">
					<p class="p1">
						位置信息
					</p>
					<p class="p2">
						您打开手机设置-应用权限管理-开启剧豆
						星光的位置权限即可
					</p>
				</view>
			</view>
			<view @tap="success()" class="bottom">
				知道了
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				showModes: false
			}
		},
		methods: {
			success() {
				uni.showTabBar()
				this.showModes = false
				this.$emit('success')
			},
			hide() {
				uni.showTabBar()
				this.showModes = false
			},
			show() {
				uni.hideTabBar()
				this.showModes = true
			},
			finish() {
				this.showModes = false
				this.$emit('finish')
			}
		}
	}
</script>

<style lang="less" scoped>
	@import 'index.less';
</style>
